<!--
 * @Author: lwHao
 * @Date: 2020-10-13 14:43:48
 * @LastEditors: lwHao
 * @LastEditTime: 2020-10-23 16:24:09
-->
<template>
  <div id="app">
    <h1>{{message}}</h1>
    <h2>客户端动态交互</h2>
    <div>
      <input v-model="message">
    </div>
    <div>
      <button @click="onClick">点击测试</button>
    </div>
    <router-link to="/" >Home</router-link>
    <router-link to="/about" >About</router-link>
    <router-link to="/posts" >Posts</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return {
      message: '拉钩教育'
    }
  },
  methods: {
    onClick(){
      console.log('点击了');
    }
  }
}
</script>

<style>

</style>